DHE Editor Help
Versione Italiana
Introduzione
L'editor DHE permette la creazione di pagine HTML partendo da un semplice disegno effettuato sullo stesso secondo la ben nota sigla WYSIWYG (What You See Is What You Get, Quello che vedi e' quello che ottieni).
Si basa sullo standard di posizionamento assoluto dell'HTML utilizzando CSS1 in modo da essere il piu' compatibile possibile con tutti i browsers di ultima generazione.
E' stato testato con i seguenti browsers:
- Internet Explorer 4 (PC/Mac) e successive;
- Netscape 4 e successive;
- Opera 6 e successive;
- Mozilla/Firefox/Firebird PC-Win, Mozilla PC-Linux;
- Safari (Mac OS X);
- altri browsers compatibili con CSS1 e DOM2 (tutti i nuovi).
Barra degli strumenti
Si trova a sinistra e contiene gli strumenti utilizzabili per il disegno della pagina web.
Selezione
Permette la selezione di uno o piu' oggetti attraverso il mouse;
e' lo strumento predefinito e viene riselezionato automaticamente ogni volta che si disegna un nuovo oggetto.
Rettangolo
Permette di creare cornici e rettangoli colorati con o senza bordo.
Etichetta
Tutto il testo dei tuoi documenti verra' scritto utilizzando questo strumento. Tramite l'apposito editor che troverai nel pannello delle proprieta' alla voce 'Text' ti sara' possibile applicare formattazioni a parte del testo; puoi anche creare dei link semplicemente selezionando la parte che ti interessa, colpilare i campi [name] [, href] [, target] e premere il pulsante 'link' per crearlo.
Immagine
Permette di inserire una o piu' immagini da file, ridimensionarla a piacimento, applicarvi semplici effetti grafici e di esportarla nel formato che si sta' vedendo senza preoccuparsi della sua dimensione effettiva in quanto pensa a tutto l'editor. I file grafici riconosciuti sono moltissimi.
HTML
Permette di inserire codice HTML in una parte specifica della pagina.
Testo
Inserisce un campo di input di tipo testo all'interno della pagina.
Pulsante
Inserisce un pulsante all'interno della pagina.
Attenzione: questi strumenti non vengono resi compatibili con Netscape versioni 4.x perche' il funzionamento in esso e' molto diverso da tutti gli altri browsers.
DHE Object
E' possibile inserire all'interno della pagina corrente altre pagine importando il riferimento al file .dhe dal menu tools.
Una volta fatto questo e' possibile generare la pagina in modo che il suo caricamento venga fatto dinamicamente dal web server.
Questo tipo di operazione e' molto utile quando si hanno tante pagine con la stessa intestazione. Cambiando il file originale tutte le pagine cambiano.
Barra in alto
Contiene alcuni pulsanti per le operazioni piu' utilizzate all'interno dell'editor.
Nuovo, Apri, Salva
Copia, Taglia, Incolla
Proprieta'
Posizionamento degli oggetti
Annulla, Ripeti
Anteprima
Impostazioni
Vi si accede attraverso il menu Tools/Options.
Permette di impostare alcune opzioni di funzionamento del programma.
- Allinea alla griglia
Allinea o meno gli oggetti disegnati alla griglia
- Visualizza Griglia
Visualizza o meno la griglia
- Selezione al volo
Permette la selezione e spostamento degli oggetti in un solo passaggio;
se si disabilita questa opzione prima si dovra' dare il 'fuoco' ad un oggetto e poi sara' possibile operare su esso.
- Visualizza prop. dopo disegno
Visualizza il pannello delle proprieta' ogni volta viene disegnato un nuovo oggetto (se il pannello e' nascosto)
- Larghezza Griglia
Setta le dimensioni della griglia di allineamento
- Colore Griglia
Setta il colore della griglia di allineamento
- Crea Copia dei files
Se questa opzione e' attiva ogni volta che viene salvato un nuovo file verra' creata una copia con estensione .BAK.
- Doppio Click apre Proprieta' Oggetto
Eseguendo un doppio click su certi oggetti verra' visualizzata la finestra delle Custom Properties invece di mostrare le proprieta' a destra.
- Browser Alternativo per anteprima
Selezionare un browser alternativo se non si vuole utilizzare quello di default.
- Selezione Lingua
File del linguaggio corrente utilizzato dall'editor
Copy Special & Paste Special
Queste voci si trovano nel menu' edit ed il loro funzionamento e' subito spiegato:
Copy Special
Permette di copiare un (uno e uno solo per volta) oggetto di tipo Label (Etichetta) o Picture (Immagine) sulla clipboard di sistema in modo da poter editare attraverso altri programmi gli oggetti; Si abilita solo quando e' selezionato un oggetto Label o Picture;
Paste Special
Permette di incollare nell'editor Testi o Immagini provenienti da altri programmi.
Questa voce e' abilitata solo nel caso la clipboard di sistema contenga del testo o un'immagine.
Altre Note:
Durante le normali operazioni di copia/taglia/incolla nell'editor di testo dell'oggetto label viene utilizzata la clipboard per memorizzare parti di testo.
E' quindi possibile copiare dall'editor di testo e incollare su di un altro programma la selezione effettuata.
Eventi
Questa particolare gestione permette di associare determinati comportamenti (visualizzare o nascondere un oggetto, copiare un'immagine da un oggetto all'altro, spostare un oggetto, lanciare una specifica funzione JavaScript) allo scatenarsi di certe situazioni chiamate appunto Eventi.
Non tutti gli oggetti creabili dall'editor possono gestire eventi ma questo e' dovuto solo alla gestione del Dynamic HTML dei vari browsers.
Gli oggetti che supportano la gestione degli eventi sono:
- Page (la pagina corrente);
- Label (nell'editor del testo e' possibile associarli a ciascun link);
- Picture;
- Campi di input (testo, pulsante, opzione, radio, ecc...).
Ogni oggetto sopra elencato e' sensibile ad una certa serie di eventi che possono verificarsi su di esso; ecco la lista completa:
- onMouseOver --> quando il mouse passa sopra a quel'oggetto;
- onMouseOut --> quando il mouse esce dall'oggetto;
- onClick/onDblClick --> quando si preme un tasto del mouse sopra all'oggetto;
- onBlur --> sui campi di input quando questi perdono il 'fuoco';
- onChange --> sui campi di input quando il loro contenuto cambia;
- onLoad, onUnload, onResize --> solo per l'oggetto Page.
Questa particolare capacita' dell'editor permette con pochi click di creare pagine HTML dinamiche cross-browser senza preoccuparsi del codice che sta sotto e del browser che andra' a visualizzare la pagina.
Utilizzo di Mouse e Tastiera
Mouse
Attraverso il mouse sono possibili le solite operazioni di disegno dell'oggetto, di ridimensionamento, di spostamento.
E' possibile selezionare piu' oggetti contemporaneamente premendo il tasto SHIFT e selezionando i vari oggetti di interesse.
La selezione di un gruppo di oggetti puo' anche essere effettuata disegnando con l'oggetto di selezione un rettangolo che comprenda tutti i vertici degli oggetti che si desidera selezionare.
Doppio click su un oggetto provoca la visualizzazione della finestra delle proprieta'.
Per spostare o ridimensionare oggetti al di la della pagina corrente semplicemente trascinarli sulle barre di scorrimento o sulle griglie e la pagina scorrera' automaticamente.
Se uno o piu' oggetti sono nascosti all'editor si possono selezionare con il mouse premendo contemporaneamente il tasto Control.
Tastiera
Attraverso la tastiera sono possibili numerose operazioni:
- Spostamento e Ridimensionamento di un oggetto:
E' possibile spostare o ridimensionare un oggetto mantenendolo allineato o meno alla griglia; per fare questo l'oggetto deve essere selezionato.
I tasti da utilizzare per queste operazioni sono i seguenti:
<Tasti direzionali> --> Spostamento di un pixel alla volta;
<Tasti direzionali> + CTRL --> Spostamento allineato alla griglia;
<Tasti direzionali> + SHIFT --> Ridimensionamento di 1 pixel alla volta;
<Tasti direzionali> + SHIFT + CTRL --> Ridimensionamento allineato alla griglia.
- Selezione di tutti gli oggetti: CTRL + A
- Selezione di tutti o nessun oggetto: *
- Copia di un oggetto: CTRL + C
- 'Taglio' di un oggetto: CTRL + X
- Cancellazione di un oggetto: CANC
- Selezione prossimo oggetto: +
- Selezione oggetto precedente: -
- Pagina Giu o Su: PG DOWN o PG UP
- Inizio: HOME
- Salvataggio pagina corrente: CTRL + S
- Nuovo file: CTRL + N
- Copia Speciale: CTRL + B
- Incolla Speciale: CTRL + W
- Annulla: CTRL + Z
- Spostamento verso il basso degli oggetti sotto il cursore: INVIO
- Spostamento verso l'alto degli oggetti sotto il cursore: BACK SPACE
Tip: Cos'e' il cursore?
Il cursore e' quella crocetta che ogni tanto si vede sullo sfondo.
Per settarlo basta cliccare con il mouse (tasto sinistro) sulla pagina e subito si vedra' comparire.
Premento INVIO tutti gli oggetti sotto a questo verranno spostati in basso; premendo BACKSPACE in alto.
RollOver e RollClick
Queste proprieta' vi daranno la possibilita' di far cambiare dinamicamente un'immagine al passaggio o click del mouse.
Semplicemente basta selezionare un'immagine ed impostare le proprieta' RollOver e RollClick.
Requisiti di sistema
Il programma richiede per un corretto funzionamento di almeno 15 MB di memoria RAM disponibile e di uno spazio su disco di circa 15 MB per l'installazione delle componenti e per i file temporanei creati durante il suo utilizzo (lo spazio e' dipendente principalmente dal numero di immagini inserite nelle pagine).
E' compatibile con Windows 95, 98, ME, NT, 2000, XP.
Tecnologie utilizzate
Il programma e' stato scritto in Visual Basic 6.
3rd part software:
- This software uses then famous free library FreeImage.dll for image loading.
You can download FreeImage from internet http://www.6ixsoft.com or
http://sourceforge.net/projects/freeimage.
- This product includes software developed by vbAccelerator (http://vbaccelerator.com/).
